<template>
    <div>
      <el-table :data="processInstances" style="width: 100%">
        <el-table-column prop="activityId" label="流程实例ID"></el-table-column>
        <el-table-column prop="activityName" label="步骤名称"></el-table-column>
        <el-table-column prop="asignee" label="执行人"></el-table-column>
      </el-table>
    </div>
  </template>
  
  <script>
 
  export default {
    data() {
      return {
        processInstances: []
      };
    },
   
    methods: {
      fetchProcessInstances() {
        this.$axios.get("ap/history/activity")
          .then(response => {
            this.processInstances = response.data.data;
          })
          .catch(error => {
            console.error('请求发生错误:', error);
          });
      }
    },
    created(){
        this.fetchProcessInstances()
    }
  };
  </script>
  